<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<style type="text/css">
			div,span,p{
				width: 200px;
				height: 200px;
				margin: 5px;
				background: #aaa;
				border: #000 1px solid;
				float: left;
				font-size: 12px;
			}
			div.mini{
				width: 80px;
				height: 80px;
				background: #aaa;
				
			}
			div.hide{
				display: none;
			}
		</style>
	</head>
	<body>
		<div class="one" id="one">
			<div class="mini">class为mini</div>
		</div>
		<div class="one" id="two" title="test">
			<div class="mini" title="mini">class为mini，title为other</div>
			<div class="mini" title="test">class为mini，title为test</div>
		</div>
		<div class="one">
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini"></div>
		</div>
		<div class="one">
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini" title="test">class为mini.title为test</div>
		</div>
		<div class="none" style="display: none;">style的dispaly为none</div>
		<div class="hide">class为hide的div</div>
		<div>包含input的</div>
		<span id="mover">正在执行动画的span元素</span>
		<script>
	
		$(function(){
			// 改变class为one的下一个同辈的div
//			$(".one +div").css("background","red");
			// 改变第一个div的背景颜色
//			$("div:first").css("background","green");
			// 改变最后一个div的背景颜色
//			$("div:last").css("background","pink");
			$("dic:parent").css("background","blue");
			
	
		
		})
			
			
			
		</script>
	</body>
</html>
